﻿@inherits StyleComponentBase

<style data-name="Authentication">

    /* auth-layout */

    .auth-layout-root {
        height: 100%;
    }

    .auth-layout-grid {
        height: 100%;
    }

    @media (max-width: 1279.95px) {
        .auth-layout-quote-container {
            display: none;
        }
    }

    .auth-layout-content {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .auth-layout-content-header {
        display: flex;
        align-items: center;
        padding-top: 40px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
    }

    .auth-layout-content-body {
        display: flex;
        flex-grow: 1;
        align-items: center;
    }

    @media (max-width: 1279.95px) {
        .auth-layout-content-body {
            justify-content: center;
        }
    }

    /* auth-quote */

    .auth-quote-root {
        height: 100%;
        display: flex;
        align-items: center;
        background-size: cover;
        justify-content: center;
        background-image: url(./_content/IoTSharp.App.View/images/auth.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .auth-quote-inner {
        flex-basis: 600px;
        text-align: center;
    }

    .auth-quote-text {
        color: #ffffff;
        font-weight: 300;
    }

    .auth-quote-name {
        color: #ffffff;
        margin-top: 24px;
    }

    .auth-quote-bio {
        color: #ffffff;
    }

    .auth-logo-image {
        margin-left: 32px;
    }

    .auth-form-root {
        flex-basis: 720px;
        padding-left: 90px;
        padding-right: 90px;
        padding-bottom: 125px;
    }

    @media (max-width: 959.95px) {
        .auth-form-root {
            padding-left: 16px;
            padding-right: 16px;
        }
    }

    .auth-form-title {
        margin-top: 24px;
    }

    .auth-form-social-buttons {
        margin-top: 24px;
    }

    .auth-form-social-icon {
        margin-right: 8px;
    }

    .auth-form-sugestion {
        margin-top: 16px;
    }

    .auth-form-text-field {
        margin-top: 16px;
    }

    .auth-form-submit-button {
        margin: 16px 0px;
    }

    .auth-form-policy-field {
        display: flex;
        margin-top: 8px;
        align-items: center;
    }

    .auth-form-policy-checkbox {
        margin-left: -14px;
    }

</style>
